<!DOCTYPE html>

<html>
    <head>
        <title>Monarca Gourmet | Início</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/><!--Ícone do título-->
        <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
    </head>
    <body>  
        <div>
            <nav id="menu"><!--Barra da Logo e do menu-->
                <img src="img/logo1.png" alt="Monarca Gourmet"/>
                <ul><!--Menu principal-->
                <!--A página selecionada deve ter um 'style="background-color: #d96d00"' para garantir o 
                destaque no botão da página selecionada.-->
                    <li><a href="index.html" style="background-color: #d96d00">Início</a></li>
                    <li><a href="historia.html">História</a></li>
                    <li><a href="cardapio.html">Cardápio</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul><!--Fim menu principal-->
            </nav>
        </div>
        <div id="conteinerConteudo"><!--Conteiner do conteúdo-->
            <div id="slide"></div><!--Slide-->
            <div id="informativo"></div><!--Informativo-->
        </div>        
        <footer><!--Rodapé-->
            <div id="ladoA"></div>
            <div id="ladoB"></div>
            <div id="logoFooter">
                <img src="img/rod.png"/>
            </div>
        </footer>
    </body>
</html>

